<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pp="http://primefaces.org/ui"
      >

    <h:head>
        <title>lacibMusic - Sua rádio acadêmica.</title>


        <style type="text/css">
            .ui-widget {
                font-size: 80%;
            }

            .themeMenu {
                overflow: auto;
                height:30px;
                width:160px;
            }

            .ui-topo {
                background: red;
            } 

        </style>



    </h:head>

    <h:body>


        <p:layout fullPage="true">

            <p:layoutUnit id="painelTopo"
                          position="north"
                          resizable="false" 
                          closable="false"
                          visible="true"
                          size="75"
                          >

                <h:graphicImage style="background: red; margin-left: auto;margin-right: auto;text-align:center; display:block;" url="/imagens/logo.png" height="100%"/>

            </p:layoutUnit> 
            <p:layoutUnit 
                id="painelEsquerda"
                resizable="false" 
                collapsible="true"
                position="west" 
                header="Menu"
                size="175"
                >

                <div id="left">
                    <ui:insert id="menuLeft" name="menu">
                        <h:form>
                            <h:panelGrid columns="1" >
                                <p:commandButton 
                                    id="bthome"
                                    action="/index.xhtml" 
                                    label="pInicial"
                                    value="Página Inicial"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton
                                    id="btgenero"
                                    action="/genero/listarGeneroMusical.xhtml" 
                                    label="Gênero Musical"
                                    value="Gênero Musical"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton
                                    id="btartista"
                                    action="/artista/listarArtista.xhtml" 
                                    label="Artista"
                                    value="Artista"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton
                                    id="btcompositor"
                                    action="/compositor/listarCompositor.xhtml" 
                                    label="Compositor"
                                    value="Compositor"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton
                                    id="btgravadora"
                                    action="/gravadora/listarGravadora.xhtml" 
                                    label="Gravadora"
                                    value="Gravadora"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton
                                    id="btAlbum"
                                    action="/album/listarAlbum.xhtml" 
                                    label="Álbum"
                                    value="Álbum"
                                    styleClass="themeMenu"/>
                            </h:panelGrid>

                        </h:form>
                    </ui:insert>
                </div>
            </p:layoutUnit>

            <p:layoutUnit id="painelCentro"
                          position="center" 
                          >

                <ui:insert name="conteudo"  />


            </p:layoutUnit>
            <p:layoutUnit id="painelSouth"
                          position="south" 
                          >
                <div align="center">
                    <p:outputLabel style="alignment-adjust: central; alignment-baseline: central; 
                                   margin-left: auto; margin-right: auto" value="©LACIB - Laboratório de Computação Inteligente e Biológica"/>
                </div>
            </p:layoutUnit>
        </p:layout>
    </h:body>

</html>
